import React from 'react'
import {
  HomeOutlined,
  SyncOutlined,
  SearchOutlined
} from '@ant-design/icons';
import './LogOnToLog.scss'
import { Col, Input, Row, Button, Cascader, DatePicker } from 'antd';
import LogOnToLogList from '../../../components/Systemmanagement/LogOnToLogList'


export default function LogOnToLog() {




  return (
    <div className='LogOnToLog'>

      <div className='LogOnToLogs'>
        <div className='icon'>
          <HomeOutlined className='home' />
          <p>首页 / 系统管理 / 登录日志</p>
        </div>

        <div className='refresh'>
          <a href="">
            <Button type="default" shape="round" icon={<SyncOutlined />} size='large'>
              刷新
            </Button>
          </a>
        </div>
      </div>

      <div className='LogOnToLog-search'>
        <Row gutter={20}>
          <Col span={8}>
            <Input defaultValue="" placeholder='手机号' />
          </Col>

          <Col span={12}>
            <DatePicker.RangePicker></DatePicker.RangePicker>
          </Col>

          <Button type="default" className='btn2'>
            <SearchOutlined className='riqi' /> 查询
          </Button >
        </Row>

      </div>

      <div className='LogOnToLog-body'>
        <div className='LogOnToLog-body-list'>
          数据列表
        </div>

        <LogOnToLogList />

      </div>

    </div>
  )
}
